<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
// 1. xhr.readyState   ==> 表示ajax xhr当前的状态码

// 0	UNSENT	            代理被创建，但尚未调用 open() 方法。
// 1	OPENED	            open() 方法已经被调用。但是send方法还没调用
// 2	HEADERS_RECEIVED	请求已接收，send() 方法已经被调用，正在处理中（通常可以从响应头中获取部分内容）
// 3	LOADING	            请求处理中，下载中；responseText 属性已经包含部分数据。
// 4	DONE	            请求已完成，下载操作已完成。 XHR对象已经接收到完整的响应数据


// 2. xhr.status  ==> 它实际上就是http状态码 

// ==> 每个文件经过一些处理都可以得到一串编码

// 3. 304 资源未修改  协商缓存， 一个是 If-Modified-Since   / If-None-Match
//                  ==> 浏览器在发送请求的时候，附加一个请求头，去问服务器，资源有没有改动，
//                  ==> 服务器，看到了这个请求头， 就会去它自己的本地查看一下是否修改，如果没有修改，返回304
//                  ==> 告诉浏览器，资源没有修改哟，你可以直接用上次请求的那个资源。
    </script>
</body>
</html>